<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>用户反馈</title>

  <link rel="stylesheet" href="css/feedback.css">
  <link rel="stylesheet" href="css/base.css">
  <link rel="stylesheet" href="css/index.css">

</head>

<body>
  <!-- 头部区域 -->
  <div class="header">
    <div class="wrapper">
      <!-- logo -->
      <div class="logo">
        <h1><a href="#">中华传统文化</a></h1>
      </div>
      <!-- 导航 -->
      <div class="nav">
        <ul>
          <li><a href="index.html">首页</a></li>
          <li><a href="register.html">注册</a></li>
          <li><a href="classics.html">名著</a></li>
          <li><a href="inventions.html" target="_blank">发明</a></li>
          <li><a href="video.html" target="_blank">视频</a></li>
          <li><a href="date.html" target="_blank">日期</a></li>
          <li><a href="feedback.html"  class="active">反馈</a></li>
          <li><a href="author.html">作者</a></li>
        </ul>
      </div>
      <!-- 搜索 -->
      <div class="search">
        <input type="text" placeholder="请输入关键词">
        <a href="#"></a>
      </div>
      <!-- 用户 -->
      <div class="user">
        <a href="#">
          <img src="./uploads/user.png" alt="">
          <span>GR</span>
        </a>
      </div>
    </div>
  </div>

  <div class="container" id="container">
    <form action="index.html" method="post">
      <fieldset class="base_info">
        <legend>用户信息</legend>
        <div class="usename">
          <label for="userName">用户名：</label>
          <input type="text" name="username" id="username" placeholder="用户名">
        </div>
        <div>
          <label for="sex">性别：</label>
          男<input type="radio" value="男" name="sex" />女<input type="radio" value="女" name="sex" />
        </div>
        <div class="tel">
          <label for="tel">电话：</label><input type="tel" id="tel" />
        </div>
        <div class="email">
          <label for="email">邮箱：</label><input type="email" id="email" />
        </div>
        <fieldset class="feedback_info">
          <legend>反馈信息</legend>
          您对目前当当网首页的整体满意度如何？<br />
          <input type="radio" name="contentment" value="非常满意" required>非常满意 <br />
          <input type="radio" name="contentment" value="一般满意">一般满意 <br />
          <input type="radio" name="contentment" value="不满意">不满意 <br />
          您访问页面速度的情况是？<br />
          <input type="radio" name="speed" value="很快" required>很快 <br />
          <input type="radio" name="speed" value="一般">一般 <br />
          <input type="radio" name="speed" value="较慢">较慢 <br />
          您从哪里了解到这个网站？<br />
          <input type="checkbox" value="">网络视频 required<br />
          <input type="checkbox" value="">朋友推荐 <br />
          其他渠道：<input type="text" placeholder="请输入"><br />
          </textarea>
          您住在哪个城市？
          <select size="1">
            <option value="beijing">北京</option>
            <option value="shanghai">上海</option>
            <option value="shenzhengs">广州</option>
            <option value="guangzhou">深圳</option>
            <option value="guangxi">广西</option>
          </select>
        </fieldset>
        <div><label for="message">
            留言：</label><textarea rows="50" cols="100" id="message">
      </textarea>
        </div>
        <div class="image"><label for="image">相关图片：</label><input type="file" />
          <p class="tip">支持上传.jpg、.gif、.png图片</p>
        </div>
      </fieldset>

      <div class="btn">
        <button type="submit">提交</button>
        <button type="reset">重置</button>
      </div>
    </form>
    <script src="./js/index.js"></script>
</body>

</html>